<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>锁定屏幕</title>
    <style>
        .center {
            text-align: center;
        }

        .right {
            text-align: right;
        }
        .left {
            text-align: left;
        }
        .no-padding {
            padding: 0;
        }

        .no-margin {
            margin: 0;
        }

        .margin-5 {
            margin: 5px;
        }

        .margin-top-5 {
            margin-top: 5px;
        }

        .margin-top-15 {
            margin-top: 15px;
        }

        .size-8 {
            font-size: 8px !important;
        }

        .size-10 {
            font-size: 10px;
        }

        .size-12 {
            font-size: 12px;
        }

        .size-14 {
            font-size: 14px;
        }

        .size-16 {
            font-size: 16px;
        }

        .size-18 {
            font-size: 18px;
        }

        .size-24 {
            font-size: 24px;
        }

        #date-tip {
            position: relative;
        }

        span.tip {
            display: inline-block;
            height: 14px;
            line-height: 14px;
            margin-right: 30px;
        }

        table {
            font-size: 10px;
            border-collapse: collapse;
            border-spacing: 0;
            border-collapse: collapse;
            border-spacing: 0;
            empty-cells: show;
            width: 100%;
        }

        table th, table td {
            border: 1px solid #000;
            font-size: 12px;
        }

        table.no-border, table.no-border th, table.no-border td {
            border: 0px;
        }

        table td.no-left-border {
            border-left: 0px;
        }

        table td.no-right-border {
            border-right: 0px;
        }
        .img_out {width: 100px; height: 100px; overflow: hidden;}
        .img_out img {height: 120px; width: 120px; margin-left: -10px; margin-top: -10px;}
    </style>
</head>
<body>
<div class="lockscreen-wrapper">
    <div style="width:716px; height:auto;">
        <div class="center size-24"><span th:text="${company}">--</span>备料派工单(手工)</div>
        <table class="no-border">
            <tr>
                <td width="30%"></td>
                <td class="center size-16" width="30%">(打印日期:<span th:text="${printDate}">1970-01-01</span>)</td>
                <td class="size-16 right" width="30%">派工单号: <span th:text="${dispatchType}">0000000000</span></td>
            </tr>
        </table>

        <div style="width:716px; height:auto; border:0px solid #000; text-align: center; display:inline-block;">
           <div style="width:15%; height:auto;display:inline-block; vertical-align:top;">
            <div class="img_out">
<!--                <img th:src="${qrCode}"/>-->
            </div>
           </div>
            <div style="width:85%; height:auto;display:inline-block;vertical-align:top;">
                <table class="no-border">
                    <tr>
                        <td class="size-16 left" width="26%">生产日期：<span th:text="${dispatchDate}">1970-01-01</span></td>
                        <td class="size-16 center" width="26%">订单量：<span th:text="${orderQtyStr}">0</span></td>
                        <td class="size-16 right" width="26%">轮次：<span th:text="${lsNoStr}">0-0</span></td>
                    </tr>
                    <tr>
                        <td class="size-16 left" width="26%">操作员：<span th:text="${workerName}">--</span></td>
                        <td class="size-16 center" width="26%">派工人员：<span th:text="${dispatchName}">--</span></td>
                        <td class="size-16 right" width="26%">冲刀号：<span th:text="${lotHead.cutNo}"></span></td>
                    </tr>
                    <tr>
                        <td class="size-16 left" width="26%">指令：<span th:text="${lotHead.lotNo}"></span></td>
                        <td class="size-16 center" width="26%">型体：<span th:text="${lotHead.style}"></span></td>
                        <td class="size-16 right" width="26%">颜色：<span th:text="${lotHead.color}"></span></td>
                    </tr>
                </table>
            </div>
        </div>
        <table style="text-align:center;font-size:16px;">
            <th:block th:each="record, status : ${partList}">
                <tr>
                    <th:block th:each="data : ${record}">
                        <td style="font-size:16px;" th:text="${data}"></td>
                    </th:block>
                </tr>
            </th:block>
        </table>
    </div>
</div>
</html>
